<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>

<meta charset="utf-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">
<title>FTM网上商城后台</title>
<link rel="stylesheet" href="css_cz/layui/css/layui.css">
<link rel="stylesheet" href="css_cz/css/global.css">
<link rel="stylesheet" href="css_cz/icheck/minimal/red.css">

</head>
<body>
	<div class="layui-layout layui-layout-admin">
		<!-- 顶部栏和左侧菜单栏 -->
		<jsp:include page="MenuBar.html"></jsp:include>

		<div class="layui-body">
			<!-- 内容主体区域 -->
			<div style="padding: 15px;">
				<fieldset class="layui-elem-field">
					<legend>管理员信息</legend>
					<div class="layui-field-box">
						<table class="layui-table">
							<colgroup>
								<col width="150">
								<col width="200">
								<col>
							</colgroup>
							<!-- 表头 -->
							<thead>
								<tr>
									<th>名字</th>
									<th>帐号</th>
									<th>入职时间</th>
									<th>状态</th>
									<th>操作</th>
								</tr>
							</thead>
							<!-- 表体 -->
							<tbody>
								<!-- 判断接收的list是否为空，是的话 跳转到  BackstageServlet -->
								<c:if test="${list==null}">
									<c:redirect url="BackstageServlet?op=queryalladmin"></c:redirect>
								</c:if>
								<c:if test="${list!=null}">
									<c:forEach items="${list}" var="admin">
										<tr>
											<td>${admin.adminname}</td>
											<td>${admin.adminuser}</td>
											<td>${admin.admindate}</td>
											<td>${admin.adminstate}</td>
											<td><a href="#" class="delAdmin">删除</a></td>
										</tr>
									</c:forEach>
								</c:if>
							</tbody>
						</table>
					</div>
				</fieldset>
				<fieldset class="layui-elem-field">
					<legend>最新公告</legend>
					<div class="layui-field-box">
						<h2>管理员守则：</h2>
						<h3>1.工作时间：早班7：30-19：30；晚班19:30-隔日7:30</h3>
						<h3>2.诚实有信文明和谐</h3>
						<h3>3.工作刻苦，只要做不死就往死里做</h3>
						<h2>工作内容：</h2>
						<h3>1.筛选商品</h3>
						<h3>2.处理用户问题</h3>
					</div>
				</fieldset>
			</div>
		</div>

		<div class="layui-footer">
			<!-- 底部固定区域 -->
			页脚
		</div>
	</div>
	<script type="text/javascript" src="css_cz/javascript/jquery.min.js"></script>
	<script type="text/javascript" src="css_cz/layui/layui.js"></script>
	<script type="text/javascript" src="css_cz/javascript/index.js"></script>
	<script src="css_cz/layui/layui.js"></script>
	<script>
layui.use(['laypage', 'layer'], function(){
  var laypage = layui.laypage
  ,layer = layui.layer;
  $(".delAdmin").click(function(){
	  //单击事件的代码	  
	  //0得到这行 的第一个td中的typeid的值,我们使用js(jq)的一些方法来操作页面元素
	  //$(this).parents("tr") 当前行
	  //find("td") 这个tr下的所有td
	  //eq(0) 所有td中的第一个
	  //text() ->innerText td中的文本内容
	  var adminname = $(this).parents("tr").find("td").eq(0).text();
	  //1 提 示用户是否删除?打算使用layui的layer组件弹窗提示
	//询问框

	  layer.confirm('是否确定删除姓名为'+adminname+"的管理员？", {
	    btn: ['确定','取消'] //按钮
	  }, function(){
	    //layer.msg('确定的时候要执行的代码', {icon: 1});
	    //真的删除
	    //1 url传值，页面条状  2 ajax请求
	    $.ajax({
	    	//参数
	    	url: "BackstageServlet",
	    	type: "post",
	    	data:{
	    		adminname: adminname,
	    		op: "deladmin"
	    	},
	    	success: function(res){
	    		//判断返回值的结果，根据结果做提示以及后续的页面刷新操作
	    		if(res.msg == "true")
	    			{
	    			
	    			layer.msg('删除成功!', {
	    				icon: 1,
	    			    time: 3000, //3s后自动关闭
	    			    btn: ['确定']
	    			  },function(){
	    				  
	    				  //页面刷新
	    				  location.href="http://localhost:8080/ForTheMorning/BackstageServlet?op=queryalladmin";	    				  
	    			  });	    					    			
	    			}
	    		else{
	    			
	    			layer.msg('删除失败!', {
	    				icon: 1,
	    			    time: 3000, //3s后自动关闭
	    			    btn: ['确定']
	    			  });
	    			
	    		}
	    		
	    	},
	    	dataType: "json"    	
	    });
	    });
	  });
});	
 </script>
</body>
</html>